{% extends 'index.html' %}
{% load mutils %}

{% block title %} Want to add anything? {% endblock %}

{% block styles %}
    <link rel="stylesheet" type="text/css" href="/static/monitor.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/south-street/jquery-ui-1.8.11.custom.css" />
{% endblock %}

{% block messages %}
    <div class="message-content">
        {% if messages|length %}
            {% for message in messages %}
                <div class="{{ message.type }}">
                    <img src="/static/images/spacer.gif" class="ui-icon-active ui-icon-{{ message.type }}" />
                    <span>
                    {{ message.body }}

                    {% if message.url %}
                        <a href="{{ message.url}}">{{ message.url_text }}</a>
                    {% endif %}
                    </span>
                </div>
            {% endfor %}
        {% else %}
            <div class="info">
                <img src="/static/images/spacer.gif" class="ui-icon-active ui-icon-info" />
                <span>Dashboard</span>
            </div>
        {% endif %}
    </div>
{% endblock %}

{% block content %}
    <div class="content-stats title-1">
        <h3>
            <span class="ui-icon ui-icon-bookmark"></span>
            <span>Content</span>
        </h3>
        <ul class="column">
            <li>
                <a href="/link">Links</a>:
                {{ links.length }}
            </li>
            <li>
                <a href="/scan">Scans</a>:
                {{ scan.length }}
            </li>
            <li>Results collected: {{ result.length }}</li>
        </ul>
    </div>
    <div class="system-settings title-1">
        <h3>
            <span class="ui-icon ui-icon-lightbulb"></span>
            <span>System</span>
        </h3>
        <ul class="column">
            <li>
                <a href="/proxy">Proxies</a>:
                {{ proxies.length }}
            </li>
            <li>
                <a href="/provider">Providers</a>:
                {{ providers.length }}
            </li>
        </ul>
    </div>
    <div class="schedules title-1">
        <h3>
            <span class="ui-icon ui-icon-script"></span>
            <span>
                <a href="/schedule">Schedules</a>
            </span>
        </h3>
        <ul class="column">
            <li>
                Schedules:
                {{ schedule.length }}
            </li>
        </ul>
    </div>
    <div class="settings title-1">
        <h3>
            <span class="ui-icon ui-icon-gear"></span>
            <span>
                <a href="/variable">Settings</a>
            </span>
        </h3>
        <ul class="column">
            <li>Make screenshots: {{ config.screenshot }}</li>
            <li>Screenshot quality: {{ config.quality }}</li>
            <li>Use proxy: {{ config.use_proxy }}</li>
            <li>Supress prompt (CLI): {{ config.supress_prompt }}</li>
        </ul>
    </div>
{% endblock %}

{% block sidebar %}

{% endblock %}
